<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阻止浏览器默认行为</title>
</head>
<body>
    <fieldset>
        <legend>01.阻止浏览器默认行为</legend>
        <a href="http://www.baidu.com" id="a">百度</a>
        <script>
            window.onload = function(){
                var oA = document.getElementById('a');
                //阻止a链接的跳转 --start---;
                oA.onclick = function(){
                    return false;
                }
                //阻止a链接的跳转 --end---;
            }

            //e.prentDefault() 方法阻止　　谷歌火狐的方法
            //e.returnValue=false; 方法阻止   IE8以下的方法


            /*--------------------封装兼容不同浏览器的写法------------*/
            //ev 为事件对象
            function preDef(e){
                if(e.preventDefault){
                    e.preventDefault();
                }else{
                    e.returnValue = false;
                }
            }

            /*------封装阻止超链接的默认行为兼容不同浏览器的写法end-------*/
        </script>
    </fieldset>
</body>
</html>